<template>
	<view>
		<scroll-view scroll-y class="page">
			<!-- 头部 -->
			<cu-custom bgColor="bg-rgb" :isBack="true">
				<block slot="backText">返回</block>
				<block slot="content">制令单退料项目</block>
				<view slot="right" @tap="rightClick">凭证抬头</view>
			</cu-custom>
			<!-- 查询条件 -->
			<view class="fixed" :style="[{animationDelay: 0.1 + 's'}]">
				<form>
					<view class="cu-form-group">
						<image class="icon" src="../../static/saomiao.png" mode=""></image>
						<input auto-focus placeholder="请扫描或输入规格" name="input" v-model="materielGauge"
							@confirm="inputQuery"></input>
					</view>
					<view class="cu-form-group">
						<image class="icon" src="../../static/saomiao.png" mode=""></image>
						<input auto-focus placeholder="请扫描二维码" name="input" v-model="wholid"
							@confirm="inputQuery"></input>
					</view>
					<view class="cu-form-group last">
						<span>
							当前条数：{{WordListMsg.length}}
						</span>
						<view v-if="choice == 'change'" class="tuiliaoBtn" @click="allRetreatOrallTurn">全部转产</view>
						<view v-else class="tuiliaoBtn" @click="allRetreatOrallTurn">全部退料</view>
					</view>
				</form>
			</view>
			<!-- 抬头凭证 输入弹窗 -->
			<view class="cu-modal" :class="modalName=='Modal'?'show':''">
				<view class="cu-dialog">
					<view class="cu-bar bg-white justify-end">
						<view class="content">凭证抬头</view>
						<view class="action">
							<text class="cuIcon-close text-red" @click="close"></text>
						</view>
					</view>
					<view class="padding-xl">
						<form>
							<view class="cu-form-group">
								<view class="titles">凭证日期：</view>
								<picker mode="date" :value="myModelData.cerDate" @change="cerDateChange">
									<view class="picker">
										{{myModelData.cerDate}}
									</view>
								</picker>
							</view>
							<view class="cu-form-group">
								<view class="titles">过账日期：</view>
								<picker mode="date" :value="myModelData.accountDate" @change="accountDateChange">
									<view class="picker">
										{{myModelData.accountDate}}
									</view>
								</picker>
							</view>
							<view class="cu-form-group">
								<view class="titls">类型：</view>
								<input placeholder="工号" style="text-align: right;" name="input"
									v-model="myModelData.affairType" disabled></input>
							</view>
							<view class="cu-form-group">
								<view class="titles">描述：</view>
								<textarea value="" placeholder="请输入描述" style="text-align: left;text-indent: 2em;"
									v-model="myModelData.affairContent" />
							</view>
							<view class="padding flex flex-direction">
								<button class="cu-btn lg" @click="onSubmit">确定</button>
							</view>
						</form>
					</view>
				</view>
			</view>
			<!-- 详情 -->
			<view class="list">
				<view class="cu-list menu animation-slide-bottom" v-for="(item,index) in WordListMsg" :key="index"
					:style="[{animationDelay: (index + 1)*0.1 + 's'}]">
					<view class="cu-item">
						<view class="content">
							<text class="text-grey headLine">规格</text>
						</view>
						<view class="action">
							<text class="text-grey headLine">{{item.materielGauge}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey headLine">料号</text>
						</view>
						<view class="action">
							<text class="text-grey headLine">{{item.materielCode}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">物料名称</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.materielName}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">提货数量</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.pickupNum}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">需求数量</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.realNum}}</text>
						</view>
					</view>
					<!-- <view class="cu-item">
						<view class="content">
							<text class="text-grey">库存数量</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.stockNum}}</text>
						</view>
					</view> -->
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">已发料数量</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.deliveryNum}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">已上料数量</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.unglazeNum}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">已消耗数量</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.consumeNum}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">已转产数量</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.transformNum}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">已退料数量</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.withdrawNum}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">单位</text>
						</view>
						<view class="action">
							<text class="text-grey">{{item.countUnit}}</text>
						</view>
					</view>
					<view class="cu-item">
						<view class="numName" v-if="choice == 'change'" style="background-color: #99CC00;">
							转产数量:
						</view>
						<view class="numName" v-else style="background-color: #99CC00;">
							退料数量:
						</view>
						<view class="numInput">
							<!-- <text v-if="choice == 'change'">{{item.virtualNum}}</text> -->
							<input v-if="choice == 'change'" style="width: 260rpx;" type="text"
								v-model="item.virtualNum" value="" placeholder="请输入转产数量" />
							<input v-else style="width: 260rpx;" type="text" v-model="item.virtualNum" value=""
								placeholder="请输入退料数量" />
						</view>
					</view>
					<view class="cu-item">
						<view class="content">
							<text class="text-grey">是否为不良品</text>
						</view>
						<view class="action">
							<radio-group @change="radioChange" style="transform:scale(0.8);display: flex;flex-direction: row-reverse;align-items: center;">
								<label v-for="(item, index) in items" style="margin-left: 10px;"
									:key="item.value">
									<view>
										<radio :value="item.value" :checked="index === current" />
									</view>
									<view>{{item.name}}</view>
								</label>
							</radio-group>
						</view>
					</view>
					<view class="cu-item">
						<view v-if="choice !== 'change'" class="btn2" @click="prin(item)">退料打印</view>
						<view v-if="choice == 'change'" class="btn2" @click="FirstArticleIssue(index,item)">转产</view>
						<view v-if="choice != 'change'" class="btn2" @click="FirstArticleIssue(index,item)">退料</view>
						<!-- <view class="btn2" @click="scanShipment(index,item)">扫描退料</view> -->
					</view>
					<view class="line">
					</view>
				</view>
			</view>
			<!-- 打印 输入弹窗 -->
			<view class="cu-modal" :class="modalName1=='Modal1'?'show':''">
				<view class="cu-dialog">
					<view class="cu-bar bg-white justify-end">
						<view class="content">打印</view>
						<view class="action" @tap="hideModal1">
							<text class="cuIcon-close text-red"></text>
						</view>
					</view>
					<view class="padding-xl">
						<form>
							<view class="cu-form-group">
								<view class="titles">批次号：</view>
								<input placeholder="请输入(或扫描)批次号" style="text-align: right;" name="input" type="text"
									v-model="myModelData1.batchNum"></input>
							</view>
							<view class="cu-form-group">
								<view class="titles">批次数量：</view>
								<input placeholder="请输入批次数量" style="text-align: right;" name="input" type="number"
									v-model="myModelData1.batch"></input>
							</view>
							<view class="cu-form-group">
								<view class="titles">打印张数：</view>
								<input placeholder="请输入打印张数" style="text-align: right" type="number"
									v-model="myModelData1.printNum"></input>
							</view>
							<view class="padding flex flex-direction">
								<button class="cu-btn lg" @click="onSubmitPrin">确定</button>
							</view>
						</form>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {
		dateFormat
	} from '@/common/util/tools.js'
	export default {
		name: 'sendmaterielDetail',
		data() {
			return {
				items: [{
						value: '',
						name: '良品',
						checked: 'true'
					},
					{
						value: '不良品仓',
						name: '不良品',
					},
				],
				current: 0,
				produceId: '', // 制令单中的 生产订单ID
				produceGrade: '', // 制令单中的  生产阶别
				plantNum: '', // 制令单中  计划数量
				WordListMsg: [],
				// preservationList:[],
				modalName: '',
				modalName1: '',
				myModelData: {
					cerDate: '', //凭证日期
					accountDate: '', // 过账日期
					affairType: '',
					affairContent: ''
				},
				// 有一个子订单  次数数组就有几个对象 用于存储id + 发货数量
				preservationList: [],
				myModelData1: {
					batch: '', // 批次数量
					cPid: '', //id
					printNum: '', // 打印张数
					mobileType: '退料打印',
					batchNum: ''
				},
				oddOrderMaking: '', // 旧制令单
				newOrderMaking: '', // 新制令单
				choice: '', // 查询listBom choice 值
				materielGauge: '', // 规格
				wholid: '',
			}
		},
		onShow() {
			this.choice = this.$Route.query.choice;
			this.oddOrderMaking = this.$Route.query.oddNumber;
			this.newOrderMaking = this.$Route.query.newNumber;
			this.$http.get('/storage/mesCertificatePerk/getChangeProduce', {
				params: {
					nowCode: this.newOrderMaking,
					oldCode: this.oddOrderMaking
				}
			}).then(res => {
				if (res.data.success) {
					if (res.data.result) {
						uni.setStorageSync('instructionWithdrawDetailRise', res.data.result.id);
					}
				} else {
					this.modal.show({
						type: 'error',
						content: res.data.message
					})
				}
			})
			this.getProduceMesCommandbillInfoListbom();
		},
		onLoad(e) {
			this.produceId = uni.getStorageSync('instructionWithdrawProduceId');
			this.id = uni.getStorageSync('instructionWithdrawId');
			this.produceGrade = uni.getStorageSync('instructionWithdrawProduceGrade');
			this.plantNum = uni.getStorageSync('instructionWithdrawPlantNum');
			this.getOrganizeStoresite();

			let date = new Date()
			this.myModelData.cerDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
			this.myModelData.accountDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
			this.myModelData.affairType = uni.getStorageSync('affairType');
		},
		methods: {
			radioChange: function(evt) {
				for (let i = 0; i < this.items.length; i++) {
					if (this.items[i].value === evt.detail.value) {
						this.current = i;
						break;
					}
				}
			},
			inputQuery() {
				this.getProduceMesCommandbillInfoListbom()
			},
			// 制造中心-获取bom-分页列表查询
			getProduceMesCommandbillInfoListbom() {
				uni.showLoading({
					mask: true,
					title: '加载中.....'
				})
				let data = {
					produceId: this.produceId,
					produceGrade: this.produceGrade,
					planNum: this.plantNum,
					bomId: this.id,
					newCode: this.newOrderMaking,
					oldCode: this.oddOrderMaking,
					choice: this.choice,
					materielGauge:this.materielGauge,
					wholid: this.wholid
				}
				console.log(data)
				this.$http.get('produce/mesCommandbillInfo/listbom', {
					params: data
				}).then(res => {
					uni.hideLoading()
					if (res.data.success) {
						this.WordListMsg = res.data.result;
						this.WordListMsg.forEach(v => {
							if (v.deliveryNum) {
								v.virtualNum = (Number(v.deliveryNum) * 100 - Number(v.consumeNum) * 100 -
									Number(v.transformNum) * 100 - Number(v.withdrawNum) * 100) / 100
							}
						});
						this.wholid="";
						// this.preservationList = []
						// for (let i = 0; i < this.WordListMsg.length; i++) {
						// 	let data = {
						// 		id: this.WordListMsg[i].id,
						// 		num:  this.WordListMsg[i].withdrawNum
						// 	}
						// 	this.preservationList.push(data)
						// }
					} else {
						// this.$tip.error(res.data.message)
						this.modal.show({
							type: 'error',
							content: res.data.message
						});						
						this.wholid="";
					}
				})
			},
			// 凭证抬头 按钮
			rightClick() {
				this.modalName = 'Modal'
			},
			// 关闭弹窗
			close() {
				this.modalName = '';
				this.myModelData.affairContent = '';
			},
			// 凭证日期
			cerDateChange(e) {
				console.log(e)
				this.myModelData.cerDate = e.detail.value
			},
			accountDateChange(e) {
				this.myModelData.accountDate = e.detail.value
			},
			onSubmit() {
				uni.showLoading({
					mask: true,
					title: '添加凭证抬头中.....'
				})
				if (this.myModelData.affairContent.replace(/\s+/g, "") == '') {
					// this.$tip.error('描述不能为空');
					this.modal.show({
						type: 'error',
						content: '描述不能为空'
					})
					uni.hideLoading()
					return false
				}
				this.$http.post('storage/mesCertificatePerk/add', this.myModelData).then(res => {
					console.log(res)
					uni.hideLoading()
					if (res.data.success) {
						uni.setStorageSync('instructionWithdrawDetailRise', res.data.result.id);
						// this.$tip.success(res.data.message)
						this.modal.show({
							type: 'success',
							content: res.data.message
						})
						this.modalName = '';
						this.myModelData.affairContent = '';
					} else {
						// this.$tip.error(res.data.message)
						this.modal.show({
							type: 'error',
							content: res.data.message
						})
					}
				})
			},
			getOrganizeStoresite() {
				let data = {
					facId: '1316357356227264514',
					pageNo: 1,
					pageSize: 20
				}
				this.$http.get('organize/mesOrganizeFactory/listMesOrganizeStoresiteByMainId', this.myModelData).then(
					res => {
						console.log(res)
						uni.hideLoading()
						if (res.data.success) {
							this.$tip.success(res.data.message)
						} else {
							// this.$tip.error(res.data.message)
							this.modal.show({
								type: 'error',
								content: res.data.message
							})
						}
					})
			},
			// 退料
			FirstArticleIssue(index, item) {
				console.log(111)
				let data = {}
				if (this.WordListMsg[index].virtualNum == '' || this.WordListMsg[index].virtualNum == 0) {
					// this.$tip.error('制令单退料数量不能为空')
					this.modal.show({
						type: 'error',
						content: '制令单' + (this.choice === 'change' ? '转产' : '退料') + '数量不能为空'
					})
					return false
				} else if (!uni.getStorageSync('instructionWithdrawDetailRise')) {
					let date = new Date()
					this.myModelData.cerDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
					this.myModelData.accountDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
					this.myModelData.affairType = uni.getStorageSync('affairType');
					this.modalName = 'Modal'
					return false
				}
				console.log(222)
				uni.showModal({
					title: '制令单' + (this.choice === 'change' ? '转产' : '退料'),
					content: '确认要' + (this.choice === 'change' ? '转产' : '退料') + '吗?',
					cancelText: '取消',
					confirmText: '确认',
					success: res => {
						if (res.confirm) {
							uni.showLoading({
								mask: true,
								title: '请求中.....'
							})
							if (this.choice == 'change') {
								data = {
									mobileCode: 266,
									mobileType: '制令单转产',
									materielCode: item.materielCode,
									query5: this.newOrderMaking,
									perkId: uni.getStorageSync('instructionWithdrawDetailRise'),
									reserveCode: this.WordListMsg[index].id,
									inputNum: this.WordListMsg[index].virtualNum
								}
							} else {
								data = {
									mobileCode: 265,
									mobileType: '制令单退料',
									materielCode: item.materielCode,
									perkId: uni.getStorageSync('instructionWithdrawDetailRise'),
									reserveCode: this.WordListMsg[index].id,
									inputNum: this.WordListMsg[index].virtualNum
								}
								
								if(this.current === 1){
									data.storageSite = "不良品仓"
								}
							}

							this.$http.post('storage/mesCertificatePerk/addMesCertificateItem', data).then(
								res => {
									uni.hideLoading()
									console.log(res)
									if (res.data.success) {
										// this.$tip.success(res.data.message)
										this.modal.show({
											type: 'success',
											content: res.data.message
										})
										this.getProduceMesCommandbillInfoListbom();
									} else {
										// this.$tip.error(res.data.message)
										this.modal.show({
											type: 'error',
											content: res.data.message
										})
									}
								})
						}
					}
				})
			},
			// 扫描退料
			scanShipment(index, item) {
				if (!uni.getStorageSync('instructionWithdrawDetailRise')) {
					this.modalName = 'Modal'
					return false
				}
				uni.showModal({
					title: '制令单扫描退料',
					content: '确认要扫描退料吗?',
					cancelText: '取消',
					confirmText: '确认',
					success: res => {
						if (res.confirm) {
							uni.showLoading({
								mask: true,
								title: '扫描退料中.....'
							})
							let data = {
								mobileCode: 266,
								materielCode: item.materielCode,
								mobileType: '制令单扫描退料',
								perkId: uni.getStorageSync('instructionWithdrawDetailRise'),
								reserveCode: this.WordListMsg[index].id,
								inputNum: this.WordListMsg[index].virtualNum,
								commandId: item.id
							}
							this.$http.post('storage/mesCertificatePerk/addMesCertificateItem', data).then(
								res => {
									console.log(res.data.result.id)
									uni.hideLoading()
									if (res.data.success) {
										uni.setStorageSync('instructionWithdrawDetailId', res.data.result
											.id)
										uni.setStorageSync('instructionWithdrawCommandId', res.data.result
											.commandId)
										this.$Router.push({
											name: 'instructionWithdrawDetailSaomiao'
										})
									} else {
										// this.$tip.error(res.data.message)
										this.modal.show({
											type: 'error',
											content: res.data.message
										})
									}
								})
						}
					}
				})
			},
			// 打印
			prin(item) {
				console.log(item)
				this.myModelData1.cPid = item.id;
				this.myModelData1.printNum = 1
				this.myModelData1.batchNum = dateFormat(new Date(), 'YYYYMMDDHHmmss')
				this.modalName1 = 'Modal1'
			},
			hideModal1() {
				this.modalName1 = ''
			},
			onSubmitPrin() {
				if (this.myModelData1.batch.replace(/\s+/g, "") == '') {
					// this.$tip.error('批次数量不能为空');
					this.modal.show({
						type: 'error',
						content: '批次数量不能为空'
					})
					return false
				} else if (this.myModelData1.printNum.toString().replace(/\s+/g, "") == '') {
					// this.$tip.error('打印张数不能为空');
					this.modal.show({
						type: 'error',
						content: '打印张数不能为空'
					})
					return false
				}
				uni.showModal({
					title: '提示',
					content: '是否打印？',
					cancelText: '取消',
					confirmText: '打印',
					success: res => {
						if (res.confirm) {
							this.$http.get('storage/mesStorageWholesale/printAdd', {
								params: this.myModelData1
							}).then(res => {
								this.myModelData1.cPid = '';
								this.myModelData1.batch = '';
								this.myModelData1.printNum = '';
								this.myModelData1.batchNum = '';
								if (res.data.success) {
									// this.$tip.success(res.data.message)
									this.modal.show({
										type: 'success',
										content: res.data.message
									})
									this.modalName1 = ''
								} else {
									// this.$tip.error(res.data.message)
									this.modal.show({
										type: 'error',
										content: res.data.message
									})
								}
							})
						}
					}
				})
			},
			// 全部退料或者全部转产
			allRetreatOrallTurn() {
				let mobileType = '';
				let mobileCode = null;
				let data = {};
				let url = '';
				if (this.choice == 'change') {
					url = '/produce/mesCommandbillPitem/wholeChangeProduce';
					mobileType = '批量转产';
					mobileCode = 268;
					data = {
						mesCommandbillPitemList: this.WordListMsg,
						mobileType: mobileCode,
						newCode: this.newOrderMaking,
					}
				} else {
					url = '/storage/mesCertificatePerk/addMesCertificateItem';
					mobileType = '批量退料'
					mobileCode = 267;
					data = {
						mobileCode: mobileCode,
						mobileType: mobileType,
						query5: this.newOrderMaking,
						perkId: uni.getStorageSync('instructionWithdrawDetailRise'),
						mesCommandbillPitemList: this.WordListMsg
					}
				}
				if (!uni.getStorageSync('instructionWithdrawDetailRise') && this.choice != 'change') {
					let date = new Date()
					this.myModelData.cerDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
					this.myModelData.accountDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
					this.myModelData.affairType = uni.getStorageSync('affairType');
					this.modalName = 'Modal'
					return false
				}
				uni.showModal({
					title: '制令单' + (this.choice === 'change' ? '转产' : '退料'),
					content: '确认要' + (this.choice === 'change' ? '转产' : '退料') + '吗?',
					cancelText: '取消',
					confirmText: '确认',
					success: res => {
						if (res.confirm) {
							uni.showLoading({
								mask: true,
								title: '请求中.....'
							})
							this.$http.post(url, data).then(
								res => {
									uni.hideLoading()
									console.log(res)
									if (res.data.success) {
										// this.$tip.success(res.data.message)
										this.modal.show({
											type: 'success',
											content: res.data.message
										})
										uni.navigateBack({
											delta: 1
										})
										// if(this.choice === 'change'){
										// 	uni.navigateBack({
										// 		delta:1
										// 	})
										// }else{
										// 	this.getProduceMesCommandbillInfoListbom();
										// }
									} else {
										// this.$tip.error(res.data.message)
										this.modal.show({
											type: 'error',
											content: res.data.message
										})
									}
								})
						}
					}
				})
			}
		},
	}
</script>

<style lang="less">
	page {
		background-color: white;
	}

	.title {
		font-weight: bold;
		padding: 10rpx;
		border-radius: 10rpx;
		color: white;
	}

	input {
		border: 2rpx solid #F0F0F0;
		height: 60rpx;
		padding: 10rpx;
		border-radius: 10rpx;
		font-size: 20rpx;
	}

	.btn1,
	.btn2 {
		width: 180rpx;
		height: 64rpx;
		line-height: 50rpx;
		color: white;
		border-radius: 30rpx;
		padding: 10rpx 20rpx;
		text-align: center;
		// margin-left: 100rpx;
	}

	.btn1 {
		background-image: radial-gradient(circle, #3F55E9, #5F71ED, #7D8CF0);
	}

	.btn2 {
		// margin-left: 580rpx;
		background-image: radial-gradient(circle, #716BA9, #362D85, #57509A);
	}

	.numName {
		font-weight: bold;
		padding: 10rpx;
		border-radius: 10rpx;
		color: white;
	}

	.headLine {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #191919;
		line-height: 50rpx;
	}

	.cu-btn {
		background-image: radial-gradient(circle, #3F55E9, #5F71ED, #7D8CF0);
		color: white;
	}

	.list {
		margin-top: 290rpx;

		.action {
			width: 70%;
			text-align: right;
			word-break: break-all;
		}
	}

	.fixed {
		position: fixed;
		z-index: 1;
		width: 100%;
		background-color: white;
		height: 100rpx;
		border-bottom: 1rpx solid #eee;

		.icon {
			width: 30rpx;
			height: 29rpx;
			position: absolute;
			top: 36rpx;
			left: 60rpx;
		}

		input {
			width: 686rpx;
			height: 68rpx;
			background: #FFFFFF;
			border: 1px solid #D5D8DF;
			border-radius: 34px;
			padding-left: 79rpx;
		}

		.last {
			border-bottom: 1rpx solid #eee;
			position: relative;
			height:50rpx;
			.tuiliaoBtn {
				// width: 180rpx;
				height: 64rpx;
				line-height: 50rpx;
				color: white;
				border-radius: 30rpx;
				padding: 10rpx 20rpx;
				text-align: center;
				background-image: radial-gradient(circle, #3F55E9, #5F71ED, #7D8CF0);
				color: white;
			}

		}

		.line {
			width: 750rpx;
			height: 10rpx;
			background: #F3F5F9;
		}

	}
</style>
